﻿@section head{
    <script>
        $(function myfunction() {
            SetTitle("选择团期")
        })
    </script>
}
<script type="text/javascript">
    $(function () {
        $(".calendar table tbody tr td div").click(function () {
            $(".calendar table").find("div").removeClass("cur");
            $(this).addClass("cur");
        });
    })
</script>
<div class="calendar">
    <ul class="date">
        <li>
            <a class="btnLeft"><i class="icon iconfont icon-jiantouzuo greenFont"></i></a>
            <p>2015年9月</p>
            <a class="btnRight"><i class="icon iconfont icon-jiantouyou greenFont"></i></a>
        </li>
    </ul>
    <table border="0" cellspacing="0" cellpadding="0">
        <thead>
            <tr>
                <th>日</th>
                <th>一</th>
                <th>二</th>
                <th>三</th>
                <th>四</th>
                <th>五</th>
                <th>六</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p>1</p>
                </td>
                <td>
                    <p>2</p>
                </td>
                <td>
                    <p>3</p>
                </td>
                <td>
                    <p>4</p>
                </td>
                <td>
                    <p>5</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>6</p>
                </td>
                <td>
                    <p>7</p>
                </td>
                <td>
                    <p>8</p>
                </td>
                <td>
                    <p>9</p>
                </td>
                <td>
                    <p>10</p>
                </td>
                <td>
                    <p>11</p>
                </td>
                <td>
                    <p>12</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>13</p>
                </td>
                <td>
                    <p>14</p>
                </td>
                <td>
                    <p>15</p>
                </td>
                <td>
                    <p>16</p>
                </td>
                <td>
                    <p>17</p>
                </td>
                <td>
                    <p>18</p>
                </td>
                <td>
                    <p>19</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>20</p>
                </td>
                <td>
                    <p>21</p>
                </td>
                <td>
                    <p>22</p>
                </td>
                <td>
                    <p>23</p>
                </td>
                <td>
                    <p>24</p>
                </td>
                <td>
                    <p>25</p>
                </td>
                <td>
                    <p>26</p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="none">27</p>
                    <div>
                        <p class="line-height-2">27</p>
                    </div>
                </td>
                <td>
                    <p class="none">28</p>
                    <div>
                        <p class="line-height-2">28</p>
                    </div>
                </td>
                <td>
                    <p class="none">29</p>
                    <div>
                        <p class="line-height-2">29</p>
                    </div>
                </td>
                <td>
                    <p>30</p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
                <td>
                    <p></p>
                </td>
            </tr>
        </tbody>
    </table>

</div>
<ul class="number marginTop">
    <li>
        <p>成人<i class="tag">详</i></p>
        <span class="priceFont">￥</span>
        <span class="priceFont">666</span>
        <div class="numChoice">
            <p>-</p>
            <span>2</span>
            <p>+</p>
        </div>
    </li>
    <li>
        <p>儿童不占床位</p>
        <span class="priceFont">￥</span>
        <span class="priceFont">39933</span>
        <div class="numChoice">
            <p class="lightGreyFont">-</p>
            <span>0</span>
            <p>+</p>
        </div>
    </li>
    <li>
        <p>老人</p>
        <span class="priceFont">￥</span>
        <span class="priceFont">333</span>
        <div class="numChoice">
            <p class="lightGreyFont">-</p>
            <span>0</span>
            <p>+</p>
        </div>
    </li>
</ul>
<div class="news">
    <p>注意事项：</p>
    <p>1.2m以下的儿童不收费</p>
    <p>1.2m-1.4m的儿童半价</p>
    <p>1.4m以上的儿童收全票</p>
    <p>60岁-80岁算老人票</p>
</div>

<div class="m-t-10">
    <div class="jumpBar paddingLeft10">
        公开团
        <span class="right rightcenter">
            <input type="checkbox"  class="checkbox" id="checkbox1" name="open" checked="checked">
            <label for="checkbox1"></label>
        </span>
    </div>
    <div class="jumpBar paddingLeft10">
        隐私团
        <span class="right rightcenter">
            <input type="checkbox"  class="checkbox" id="checkbox2" name="open">
            <label for="checkbox2"></label>
        </span>
    </div>
</div>

<div class="news">
    <p>说明：</p>
    <p>公开团任何人都可以加入。</p>
    <p>隐私团只能通过邀请加入。</p>
</div>


<ul class="footBar">
    <li class="left">三人团：<span class=" font16">￥</span><span class=" font18">666</span></li>
    <li class="right"><a href="开团须知" class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>立即开团</a></li>
</ul>
